<!DOCTYPE html>
<html lang="en">
<head>
	<title>测测您的BMI</title>
  <meta name="description" content="测测您的BMI，人马君有好礼相送，点开有惊喜！">
  <meta charset="utf-8">
  <!-- Sets initial viewport load and disables zooming  -->
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link href="static/styles/vendor/sm.min.css" rel="stylesheet">
  <link href="static/styles/vendor/sm-extend.min.css" rel="stylesheet">
  <link href="static/styles/bmi-activity.css" rel="stylesheet"/> 
</head>
<body style="background:#ffde00;">
  <!-- <audio id="bgaudio" src="static/music/bg.mp3" loop="true" autoplay="true"></audio> -->
  <audio id="bgmusic" autoplay preload loop="true" controls style="width: 0px; height: 0px;"></audio>
	<div class="page-group">
    <div class="page page-current" id="bmi-routing">
      <div class="content" style="text-align: center;">
        <img src="static/images/bmi-activity/logo.png" class="banner" alt="" style="position: absolute; top: 30%; margin-left: -4rem; width: 8rem;">
        <div class="progress-wrap text-center">
          <span class="progress-num">0%</span>
          <div class="progress">
            <div class="progress-bar"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="page" id="bmi-index">
      <div class="content">
        
        <img src="static/images/bmi-activity/logo.png" class="logo" alt="">

        <div class="fs-layout-cover">
          <img src="static/images/bmi-activity/home-cover.png" class="fitness-cover">
        </div>
        <a href="#bmi-why"><img src="static/images/bmi-activity/next-btn.png" class="fs-dialog-btn btn-snake"></a>
      </div>
    </div>
    <div class="page" id="bmi-why">
      <div class="content">
        <div class="content-block no-margin">
          <img src="static/images/bmi-activity/why-fitness.png" class="practice-title">
          <div class="fs-publicity-wrap fitness-wrap">
            <div class="practice-layout-wrap">
              <div class="practice-left">
                <img src="static/images/bmi-activity/fitness-left.png">
                <a href="#bmi-practice" class="practice-btn">
                  <img src="static/images/bmi-activity/lamp.gif" class="practice-own lamp-btn">
                  <span>减脂瘦身</span>
                </a>
              </div>
              <div class="practice-right">
                <img src="static/images/bmi-activity/fitness-right.png">
                <a href="#bmi-practice" class="practice-btn">
                  <img src="static/images/bmi-activity/lamp.gif" class="practice-coach lamp-btn">
                  <span>健康生活</span>      
                </a>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
    <div class="page" id="bmi-practice">
      <div class="content">
        <div class="content-block no-margin">
          <img src="static/images/bmi-activity/practice-title.png" class="practice-title">
          <div class="fs-publicity-wrap">
            <div class="practice-layout-wrap">
              <div class="practice-left">
                <img src="static/images/bmi-activity/practice-left.png">
                <a href="#bmi-coach" class="practice-btn">
                  <img src="static/images/bmi-activity/lamp.gif" class="practice-own lamp-btn">
                  <span>自己练</span>
                </a>
              </div>
              <div class="practice-right">
                <img src="static/images/bmi-activity/practice-right.png">
                <a href="#bmi-coach" class="practice-btn">
                  <img src="static/images/bmi-activity/lamp.gif" class="practice-coach lamp-btn">
                  <span>私教课</span>
                </a>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
    <div class="page" id="bmi-coach">
      <div class="content">
        <img src="static/images/bmi-activity/about-coach-title.png" class="about-coach-title">
        <div class="coach-item">
          <a href="#bmi-favorite" class="coach-btn coach-left"><img src="static/images/bmi-activity/coach-reserved-btn.png" class="btn-snake"></a>
          <img src="static/images/bmi-activity/coach-reserved.png">
        </div>
        <div class="coach-item">
          <a href="#bmi-favorite" class="coach-btn"><img src="static/images/bmi-activity/coach-president-btn.png" class="btn-snake"></a>
          <img src="static/images/bmi-activity/coach-president.png">
        </div>
        <div class="coach-item">
          <a href="#bmi-favorite" class="coach-btn coach-left"><img src="static/images/bmi-activity/coach-warmth-btn.png" class="btn-snake"></a>
          <img src="static/images/bmi-activity/coach-warmth.png">
        </div>
      </div>
    </div>
    <div class="page" id="bmi-favorite">
      <div class="content">
        <div class="content-block no-margin">
          <img src="static/images/bmi-activity/category-title.png" class="practice-title">
          <div class="fs-publicity-wrap">
            <div class="practice-layout-wrap">
              <div class="practice-left">
                <img src="static/images/bmi-activity/category-left.png">
                <a href="#bmi-form" class="practice-btn">
                  <img src="static/images/bmi-activity/lamp.gif" class="practice-own lamp-btn">
                  <span>有氧体能</span>
                </a>
              </div>
              <div class="practice-right">
                <img src="static/images/bmi-activity/category-right.png">
                <a href="#bmi-form" class="practice-btn">
                  <img src="static/images/bmi-activity/lamp.gif" class="practice-coach lamp-btn">
                  <span>无氧器械</span>
                </a>
              </div>
            </div>
          </div>
        </div>
      
      </div>
    </div>
    <div class="page" id="bmi-form">
      <div class="content no-margin">
        <img src="static/images/bmi-activity/test-header.png" class="test-header">
        <form class="test-form text-center" action="" >
          <div class="form-group">
            <input type="text" name="gender" class="gender"> 
            <input type="text" name="height" class="height"> 
            <input type="text" name="weight" class="weight">
          </div> 
          <div class="test-footer-wrap">
            <a href="javascript:void(0);" class="test-btn btn-snake btn-submit" value=""></a>
            <img src="static/images/bmi-activity/test-footer.png" class="test-footer">
          </div>
        </form>
      </div>
    </div>
    <div class="page" id="bmi-result">
      <div class="content">
        <img src="static/images/bmi-activity/result-header.png" class="result-header">
        <div class="fs-score text-center">60</div>
        
        <img src="static/images/bmi-activity/result-bad.png" class="result-analyze result-image">
        <div class="result-body disable-router">
          <img src="static/images/bmi-activity/trumpet.png" class="result-trumpet">
          <a class="clearfix" href="http://weixin.fit-start.co/bmi-coupons">
           <img src="static/images/bmi-activity/result-btn.png" class="result-btn btn-snake">
          </a>
          <div class="line-between"></div>
        </div>
      </div>
    </div>
  </div>

  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-101357453-2', 'auto');
    ga('send', 'pageview');

  </script>
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?e697359d824bb9babbddea82b1c51ed2";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
  <script src="static/scripts/vendor/require.js"></script>
  <script>

    requirejs(['./static/scripts/bmi-main'], function () {
      requirejs(['page/bmi-activity/loading'], function(page) {
        page.init();
      })
    });
  </script>  
</body>
</html>